<template>
    <div class="audio-player">
        <aplayer 
        loop="none"
        :autoplay="false"
        :listFolded="true"
        :music="{
            title: '天天吞吞吐吐',
            artist: 'xuerong',
            src: 'src/assets/6.mp3',
            pic: 'src/assets/bg.jpeg'
        }" />
        <!-- <aplayer ref="audioPlayer" autoplay :music="playingItem" :volume="1" @error="showPlayError" /> -->
        <!-- <ap/> -->
    </div>
</template>
  
<script setup>
import aplayer from 'vue3-aplayer'

// const ap = new aplayer({
//     container: document.getElementById('aplayer'),
//     audio: [{
//         name: 'name',
//         artist: 'artist',
//         url: 'url.mp3',
//         cover: 'cover.jpg'
//     }]
// });
</script>
  
<style scoped>
/* .audio-player {
    width: 300px;
} */
</style>
  